<template>
	<div id="app">
		<router-view/>
		<svg-icon></svg-icon>
	</div>
</template>

<script>
	import svgIcon from '@/components/svg';
	export default {
		name: 'App',
		components:{
			svgIcon
		},
	}
</script>

<style lang="scss">
   	@import 'src/style/normalize';
	html,body {
		height: 100%;
		color:#333;
	}
	#app {
		height: 100%;
	}

	.clear:after{
		content: '';
		display: block;
		clear: both;
	}

	.clear{
		zoom:1;
	}
	
	.left{
		float: left;
	}

	.right{
		float: right;
	}
	.icon {
       width: 1em; height: 1em;
       vertical-align: -0.15em;
       fill: currentColor;
       overflow: hidden;
	}
	.hover {
		color:#606266;
		cursor: pointer;
	}
	.hover:hover {
		color: #5E87B0;
	}
	span.hover {
		display: inline-block;
		background: #5E87B0;
		color:#fff;
		border-radius: 3px;
		padding:0 5px; 
	}
	span.hover:hover {
		color:#fff;
		background: #7e9fc0;
	}
	.width {
		width: 100%!important;
	}
		
	.toolbar {
		background: #f2f2f2;
		padding: 10px;
	}
	.search {
		width: 300px;
		float:right;
	}
	.width-box {
		width: 100%;
		box-sizing: border-box;
		padding-right: 60px;
	}
	.delete-box {
		width: 100%;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
		.delete-btn {
			padding-left: 4px;
		}
	}
	.el-upload__tip {
		line-height: 1;
	}
	
	// 订单管理查看详情弹出
	.dialogSet .el-dialog__body {
		padding-top: 0px;
	}
	
</style>
